<template>
  <div>
    <div class="img1-container">
      <nuxt-link to="#">
        <img :src="img_r.url1" class="img1">
      </nuxt-link>
    </div>
    <div>
      <span>天猫</span>
    </div>
    <div>
      <nuxt-link to="#">
        <img :src="img_r.url2" class="img2">
      </nuxt-link>
    </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      img_r: {
        url1: 'imgs/rimg.jpg',
        url2: 'imgs/rimg2.jpg'
      }
    }
  }
}
</script>

<style lang="stylus" scoped>
.text
span
  line-height 20px
  display inline-block
  animation fl 2s infinite
  animation-delay 2s
@keyframes fl{
  from{
    color:red
    transform:rotateY(0deg)
  }
  to{
    color:green
    transform:rotateY(360deg)
  }
}
.img1-container
  height 260px
  .img1
    height 100%
    width 100%
.img2
  height 188px
  width 100%
</style>
